<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易云音乐-歌手</title>
    <link rel="stylesheet" href="../html/classes/normalize.css">
    <link rel="stylesheet" href="./qimo-2.css">
</head>

<body>
    <div id="app">
        <!-- 最顶上的大导航栏 -->
        <div class="top">
            <img src="img/3.png" class="nav" />
            <h1>网易云音乐</h1>
            <a href="javascript:void(0)">发现音乐</a>
            <a href="javascript:void(0)">我的音乐</a>
            <a href="javascript:void(0)">关注</a>
            <a href="javascript:void(0)">商城</a>
            <a href="javascript:void(0)">音乐人</a>
            <a href="javascript:void(0)">下载客户端</a>
            <input />
            <p><a href="javascript:void(0)">创作者中心</a></p>
            <p><a href="javascript:void(0)">登录</a></p>

        </div>
        <!-- 小导航栏 -->
        <div class="minTop">
            <a href="javascript:void (0)">推荐</a>
            <a href="javascript:void (0)">排行榜</a>
            <a href="javascript:void (0)">歌单</a>
            <a href="javascript:void (0)">主播电台</a>
            <a href="javascript:void (0)">歌手</a>
            <a href="javascript:void (0)">新蝶上架</a>
        </div>

        <!-- 歌手内容 -->
        <div class="center_box">
            <div class="Lbox">
                <div class="lbox1">
                    <div class="transport_box">
                        <h2 class="title">推荐</h2>
                        <ul>
                            <li><a href="#">推荐歌手</a></li>
                            <li><a href="#">入驻歌手</a></li>
                        </ul>
                    </div>
                </div>
                <!-- <hr> -->
                <div class="lbox2">
                    <div class="transport_box">
                        <h2>华语</h2>
                        <ul>
                            <li><a href="#">华语男歌手</a></li>
                            <li><a href="#">华语女歌手</a></li>
                            <li><a href="#">华语组合/乐队</a></li>
                        </ul>
                    </div>
                </div>

                <div class="lbox3">
                    <div class="transport_box">
                        <h2>欧美</h2>
                        <ul>
                            <li><a href="#" >欧美男歌手</a></li>
                            <li><a href="#" >欧美女歌手</a></li>
                            <li><a href="#" >欧美组合/乐队</a></li>
                        </ul>
                    </div>
                </div>

                <div class="lbox4">
                    <div class="transport_box">
                        <h2>日本</h2>
                        <ul>
                            <li><a href="#">日本男歌手</a></li>
                            <li><a href="#">日本女歌手</a></li>
                            <li><a href="#">日本组合/乐队</a></li>
                        </ul>
                    </div>
                </div>

                <div class="lbox5">
                    <div class="transport_box">
                        <h2>韩国</h2>
                        <ul>
                            <li><a href="#">韩国男歌手</a></li>
                            <li><a href="#">韩国女歌手</a></li>
                            <li><a href="#">韩国组合/乐队</a></li>
                        </ul>
                    </div>
                </div>

                <div class="lbox6">
                    <div class="transport_box last">
                        <h2>其他</h2>
                        <ul>
                            <li><a href="#">其他男歌手</a></li>
                            <li><a href="#">其他女歌手</a></li>
                            <li><a href="#">其他组合/乐队</a></li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="Rbox">
                <div class="rbox1">
                    <div>
                        <span>入驻歌手</span>
                    </div>
                </div>
                <div class="Rbox2">
                    <div class="rbox21">
                        <ul class="rbox211">
                            <li>
                                <div class="copy_box">
                                    
                                </div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                            <li>
                                <div class="copy_box"></div>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>

    </div>
</body>

</html>